<!DOCTYPE html>
<html>
<head>
  <title>成员管理</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet" media="screen">
  <!--responsive响应式-->
  <link href="css/bootstrap-responsive.css" rel="stylesheet">
  <link href="css/oa_project.css" rel="stylesheet"></head>
<body>
  <div class="navbar navbar-col333  navbar-fixed-top">
    <div class="container">
      <div class="logo">
        <div class="fn-right">
          天浩
          <a href="">[退出]</a>
        </div>
        OA项目管理系统
      </div>

    </div>
    <div class="navbar2 fn-clear">
      <div class="container">
        <div class="nav-search  fn-right">
          <input type="text" placeholder="搜索任务">
          <a href="">
            <span>搜索</span>
          </a>
        </div>
        <div class="nav-jump  fn-left">
          <!-- 项目快速跳转 -->
          项目
          <select name="" class="project-id" >
            <option value="0" selected="selected">所有项目</option>
            <option value="1">微雨-andriod</option>
            <option value="2">微雨-iphone</option>
            <option value="3">领爱-ii</option>
            <option value="4">领爱-全国正式版</option>
            <option value="5">领爱-全国测试版</option>
          </select>
          <button class="but-only" type="submit">创建项目</button>
        </div>
        <div class="nav-menu  fn-left">
          <!-- 导航 格式化之后注意a之间不能留空格-->
          <a href="">创建任务</a><a href="">我的视图</a><a href="">查看任务</a><a href="">统计报表</a><a class="active"  href="">管理设置</a>
        </div>
      </div>
    </div>
  </div>

  <div class="wrap">
    <div class="container pt88px bor1d9 fn-clear">
      <div class="project-sidebar">
        <div class="project-sidebar-site">
          <!-- site sidebar -->
          <h1>流程管理</h1>
          <ul>
            <li >
              <a class="active" href="">开发流程【默认】</a>
            </li>
            <li>
              <a href="">策划内部讨论</a>
            </li>
            <li>
              <a href="">BUG流程</a>
            </li>
          </ul>
          <button class="but-only m0a20" type="submit">添加新流程</button>
          <h1>其他设置</h1>
          <ul>
            <li>
              <a href="">版本管理</a>
            </li>
            <li>
              <a href="">成员管理</a>
            </li>
            <li>
              <a href="">提醒管理</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="project-detail ">
        <div class="project-detail-com">
          <h1 class="project-seat">
            神武--
            <!-- 项目名字,当前位置-->
            <span class="name">项目负责人</span>
            <!-- 人名-->
            <span class="mode">
              待处理
              <span class="fw500">(当前)</span>
            </span>
            <!--状态 & 是否当前-->
            <a href="">打印报告</a>
            <!--可点击--> 
          </h1>
          
          <div class="project-detail-com-member  bord9 bgc250 ">
            <!-- project-detail-com site 管理设置 The成员管理 fn-hide -->
            <table class="table-style1  table-style3 theadfw700" cellspacing="0" border="0"  frame="void" >
              <tbody>
                <tr>
                  <td width="130">项目负责人</td>
                  <td>天浩</td>
                </tr>
                <tr>
                  <td>
                    管理员
                    <span class="member-ico"></span>
                  </td>
                  <td>
                    <div class="imitate-input ">
                      <!-- 模拟1个输入栏 imitate-input-active是点选状态-->
                      <div class="fn-left">
                        <span class="imitate-input-value">叶美华</span>
                      </div>
                      <div class="fn-left">
                        <span class="imitate-input-value">叶美华</span>
                      </div>
                      <div class="fn-left">
                        <span class="imitate-input-value">叶美华</span>
                      </div><div class="fn-left">
                        <span class="imitate-input-value">叶美华</span>
                      </div><div class="fn-left">
                        <span class="imitate-input-value">叶美华</span>
                      </div><div class="fn-left">
                        <span class="imitate-input-value">叶美华</span>
                      </div><div class="fn-left">
                        <span class="imitate-input-value">叶美华</span>
                      </div>

                      <div class="fn-left">
                        <span class="imitate-input-value imitate-input-value-active">皇后辉</span>
                      </div>
                      <!--上面2个div是点选contactbox后生成的,皇后辉是点选状态下的active-->
                      
                      <!-- input 焦点所在 --> </div>

                  </td>
                </tr>
                <tr>
                  <td>
                    开发员
                    <span class="member-ico"></span>
                  </td>
                  <td>
                    <div class="imitate-input imitate-input-active">
                      <!-- 模拟1个输入栏 imitate-input-active是点选状态-->

                      <input class="normal" type="text">
                      <!-- input 焦点所在 --> </div>
                  </td>
                </tr>

              </tbody>
            </table>
            <hr class="table-divide">

            <div class="heightlv-site ">
              <h2 class="panel-title2 ">编辑职位权限</h2>
              <ul class="heightlv-site-list ">
                <li class="w240">
                  <h2>设置权限管理</h2>
                  <ul>
                    <li>
                      <label >
                        <input type="checkbox" checked="">策划</label>
                    </li>
                    <li>
                      <label >
                        <input type="checkbox" checked="">客户端</label>
                    </li>
                    <li>
                      <label >
                        <input type="checkbox">策划检查万一很长很长很长很长很长很长很长很长长很长很长长很长很长长很长很长长很长很长长很长很长长很长很长长很长很长</label>
                    </li>
                    <li>
                      <label >
                        <input type="checkbox">服务端</label>
                    </li>
                  </ul>
                </li>
                <li class="w240">
                  <h2>非设置权限管理</h2>
                  <ul>
                    <li>
                      <label >
                        <input type="checkbox" checked="">策划</label>
                    </li>
                    <li>
                      <label >
                        <input type="checkbox" checked="">客户端</label>
                    </li>
                    <li>
                      <label >
                        <input type="checkbox">策划检查万一</label>
                    </li>
                    <li>
                      <label >
                        <input type="checkbox">服务端</label>
                    </li>
                  </ul>
                </li>
                <li class="w240">
                  <h2>预留权限管理</h2>
                  <ul>
                    <li>
                      <label >
                        <input type="checkbox" checked="">策划</label>
                    </li>
                    <li>
                      <label >
                        <input type="checkbox" checked="">客户端</label>
                    </li>
                    <li>
                      <label >
                        <input type="checkbox">策划检查万一很长很长很长很长很长很长很长很长</label>
                    </li>
                    <li>
                      <label >
                        <input type="checkbox">服务端</label>
                    </li>
                  </ul>
                </li>
              </ul>
              <p >
                <a href="">隐藏高级设置...</a>
              </p>
            </div>
             <!--<div class="point" style="top:208px;left:190px">
             
              <p class="active">吴陆洲&lt;miemiemie@henhaoji.com&gt;</p>
              <p>吴陆洲&lt;miemiemie@henhaoji.com&gt;</p>
              <p>吴陆洲&lt;miemiemie@henhaoji.com&gt;</p>
            </div> -->

          </div>
          
        </div>
      </div>
    </div>
    <div class="push-footer">
      <!--cannot del ! hold footer size--> </div>
  </div>
  <div class="footer">
    <div class="container">
      <p class="muted credit">
        广州多益网络科技有限公司
        <br>ICP粤B2-20060723</p>
    </div>
  </div>
  <!-- pop-up -->
  <div class="checkbox" style="top:500px;left:10px">
    <!-- 弹出 下拉的 选项 -->
    <ul>
      <li>
        <label>
          <input type="checkbox" checked="">策划</label>
      </li>
      <li>
        <label>
          <input type="checkbox" checked="">客户端</label>
      </li>
      <li>
        <label>
          <input type="checkbox">策划检查万一很长很长很长很长很长很长很长很长</label>
      </li>
      <li>
        <label>
          <input type="checkbox">服务端</label>
      </li>
    </ul>
  </div>

  <div class="point" style="top:650px;left:10px">
    <!-- 下拉搜索栏 -->
    <p class="active">吴陆洲&lt;miemiemie@henhaoji.com&gt;</p>
    <p>吴陆洲&lt;miemiemie@henhaoji.com&gt;</p>
    <p>吴陆洲&lt;miemiemie@henhaoji.com&gt;</p>
  </div>

  <div class="pop-up fn-clear" style="top:770px;left:10px">
    <h1>创建新项目</h1>
    <p class="">
      请输入项目名称：<input type="text">
    </p>
    <p class="tar  ">
      <a class="but-only but-middle m1005" >确定</a>
      <a class="but-only but-middle but-gray m1005" >取消</a>
    </p>
  </div>

  <div class="pop-up fn-clear" style="top:950px;left:10px">
    <h1>删除</h1>
    <p class=" f14msyh">
      确定要删除流程吗？
    </p>
    <p class="tar  ">
      <a class="but-only but-middle m1005" >确定</a>
      <a class="but-only but-middle but-gray m1005" >取消</a>
    </p>
  </div>

  <div class="pop-up fn-clear" style="top:1100px;left:10px">
    <h1>更新</h1>
    <p class=" f14msyh">
      确定更新流程设置，原有的设置将被替代！
    </p>
    <p class="tar  ">
      <a class="but-only but-middle m1005" >确定</a>
      <a class="but-only but-middle but-gray m1005" >取消</a>
    </p>
  </div>

  <div class="pop-up fn-clear" style="top:1250px;left:10px">
    <h1>默认流程</h1>
    <p class=" f14msyh">
      确定将【流程名称】设为默认流程，原有的默认流程将会替代！
    </p>
    <p class="tar  ">
      <a class="but-only but-middle m1005" >确定</a>
      <a class="but-only but-middle but-gray m1005" >取消</a>
    </p>
  </div>

  <div class="pop-up fn-clear" style="top:1400px;left:10px">
    <h1>导入流程</h1>
    <p class=" f14msyh">选择流程：
      <select name="" class="project-id">
        <option value="0" selected="selected">开发流程</option>
        <option value="1">策划内部讨论</option>
        <option value="2">BUG流程</option>
      </select>
    </p>

    <p class=" f14msyh">
      提示：导入后将覆盖掉原有的流程设置。
    </p>
    <p class="tar  ">
      <a class="but-only but-middle m1005" >确定</a>
      <a class="but-only but-middle but-gray m1005" >取消</a>
    </p>
  </div>

  <div class="pop-up fn-clear" style="top:1600px;left:10px">
    <h1>编辑职能</h1>
    <table class="pop-table">
      <thead>
        <tr>                        
          <td>编号</td>
          <td>职能</td>
          <td>负责人</td>
        </tr>
          <tbody>
            <tr>
              <td>1</td>
              <td><input type="text"></td>
              <td><input type="text"></td>
            </tr>
            <tr>
              <td>2</td>
              <td><input type="text"></td>
              <td><input type="text"></td>
            </tr>
            <tr>
              <td>3</td>
              <td><input type="text"></td>
              <td><input type="text"></td>
            </tr>
          </tbody>
          <tfoot>
            <tr>
              <td colspan="3"><a href="">[添加职能]</a></td>
            </tr>
          </tfoot>
      </thead>
    </table>
    <p class="tar  ">
      <a class="but-only but-middle m1005" >确定</a>
      <a class="but-only but-middle but-gray m1005" >取消</a>
    </p>
  </div>

  <div class="pop-up fn-clear" style="top:1880px;left:10px">
    <h1>添加备注</h1>
    <div class="editorbox">
      <!-- 编辑插件 --> 
    </div>
    <p class="tar  ">
      <a class="but-only but-middle m1005" >提交</a>
      <a class="but-only but-middle but-gray m1005" >取消</a>
    </p>
  </div>

</body>
</html>